@extends('layouts.'.getTheme())
@section('css')
<style type="text/css">
    .widget .row span{
      font-size: 15px;
      font-weight: bold;
    }
    .p-md{
        padding-top: 6px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .m-b-md{
        padding-top: 3px;
    }
    .page-heading{
        padding-bottom: 2px;
    }
    .alert{
        /*padding-bottom: 0px;*/
        padding-left: 23px;
        padding-right: 23px;
        margin-bottom: 0px;
    }
    .alert p{
        font-size: 14px;
        font-weight: 12px;
    }
    .alert a{
        text-decoration: underline;
    }
    .canceled{
        margin: 0;
        padding: 0;
    }
</style>
@endsection
@section('content')
<div class="row wrapper border-bottom page-heading">
  <div class="col-sm-4">
      <h2>首页</h2>
  </div>

</div>
<div class="row wrapper border-bottom">
  <div class="alert alert-success">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        <p>您好，欢迎您的到来！河长制水道监测管理系统V1.0开发采用Laravel：5.5.19，基于最小化权限管理。详情请参见<a href="{{url('admin/systemexp/develop')}}">开发说明</a>。已经进入正式的BUG测试中，如果使用中有什么BUG或需要优化，欢迎在下面的<i>系统反馈</i>中留言。
  </div>    
</div>

<div class="animated">
<div class="wrapper wrapper-content">
        <div class="row">
                    <div class="col-lg-3">
                    <div class="widget navy-bg p-md text-center">
                        <div class="m-b-md">
                            <i class="fa fa-cloud fa-2x"></i>
                            <h1 class="m-xs"></h1>
                            <h3 class="font-bold no-margins">
                                已消除报警点<h3 class="canceled">0</h3>
                            </h3>
                            <small>Canceled</small>
                        </div>
                    </div>
                    </div>
                    <div class="col-lg-3">
                    <div class="widget blue-bg p-md text-center">
                        <div class="m-b-md">
                            <i class="fa fa-shield fa-2x"></i>
                            <h1 class="m-xs"></h1>
                            <h3 class="font-bold no-margins">
                                已确认报警点<h3 class="canceled">0</h3>
                            </h3>
                            <small>Confirmed</small>
                        </div>
                    </div>
                    </div>
                    <div class="col-lg-3">
                    <div class="widget yellow-bg p-md text-center">
                        <div class="m-b-md">
                            <i class="fa fa-bell fa-2x"></i>
                            <h1 class="m-xs"></h1>
                            <h3 class="font-bold no-margins">
                                未确认报警点<h3 class="alarming">0</h3>
                            </h3>
                            <small>Unconfirmed</small>
                        </div>
                    </div>
                    </div>
                    <div class="col-lg-3">
                    <div class="widget red-bg p-md text-center">
                        <div class="m-b-md">
                            <i class="fa fa-warning fa-2x"></i>
                            <h1 class="m-xs"></h1>
                            <h3 class="font-bold no-margins">
                                已发起报警点<h3 class="alarming">0</h3>
                            </h3>
                            <small>Alarming</small>
                        </div>
                    </div>
            </div>
        </div>
                        <div class="row">
            <div class="col-lg-4">
                <div class="ibox float-e-margins">
                <div class="box-header with-border">
                     <div class="ibox-title">
                        <h5>系统反馈</h5>
                        <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                  </div>
                </div>
                <div class="ibox-content">
                    <form class="form-horizontal" id="form1">
                    {{ csrf_field()}}
                        <input type="hidden" name="status" value="1" />
                        <div class="form-group">
                            <label class="col-sm-2 control-label">标题</label>
                            <div class="col-sm-9"><input class="form-control" name="title" placeholder="标题不可为空" id="title"></div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">邮箱</label>
                            <div class="col-sm-9"><input class="form-control" name="email" placeholder="邮箱" id="email"></div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">留言内容</label>
                            <div class="col-sm-9"><textarea class="form-control" style="resize:none;height:120px;" name="content" placeholder="bug发现以及功能优化建议" id="content"></textarea></div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>
                            <div class="col-sm-9">
                                <button type="reset" class="btn btn-warning pull-right">重置</button>
                                <button type="button" id="note" class="btn btn-info pull-left submits" >提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
                                </div>
                            <div class="col-lg-4">
                                <div class="ibox float-e-margins">
                                    <div class="ibox-title">
                                        <h5>系统信息</h5>
                                        <div class="ibox-tools">
                                            <a class="collapse-link">
                                                <i class="fa fa-chevron-up"></i>
                                            </a>
                                            <a class="close-link">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="ibox-content">
                                        <table class="table table-hover no-margins">
                                            <thead>
                                            <tr>
                                                <th>Introduction</th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>版本框架：</td>
                                                <td><i class="fa fa-sitemap"></i>Laravel 5.5.19</td>
                                                <td></td>
                                                <td class="text-navy"></td>
                                            </tr>
                                            <tr>
                                                <td>服务器环境：</td>
                                                <td><i class="fa fa-windows"></i>Nginx 1.9.5</td>
                                                <td>Linux CentOS</td>
                                                <td class="text-navy"></td>
                                            </tr>
                                            <tr>
                                                <td>PHP版本：</td>
                                                <td><i class="fa fa-credit-card"></i>7.1.7</td>
                                                <td></td>
                                                <td class="text-navy"></td>
                                            </tr>
                                            <tr>
                                                <td><small>Mysql版本：</small> </td>
                                                <td><i class="fa fa-tint"></i>5.7.18</td>
                                                <td></td>
                                                <td class="text-navy"></td>
                                            </tr>
                                            <tr>
                                                <td>上传附件限制： </td>
                                                <td><i class="fa fa-warning"></i>50M</td>
                                                <td></td>
                                                <td class="text-navy"></td>
                                            </tr>
                                            <tr>
                                                <td>最大执行时间： </td>
                                                <td><i class="fa fa-spinner"></i>600s</td>
                                                <td></td>
                                                <td class="text-navy"></td>
                                            </tr>
                                            <tr>
                                                <td><small>URL支持：</small> </td>
                                                <td><i class="fa fa-unlock"></i>YES</td>
                                                <td></td>
                                                <td class="text-navy"></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>
                            <div class="col-lg-4">
                                <div class="ibox float-e-margins">
                                    <div class="ibox-title">
                                        <h5>开发者信息</h5>
                                        <div class="ibox-tools">
                                            <a class="collapse-link">
                                                <i class="fa fa-chevron-up"></i>
                                            </a>
                                            <a class="close-link">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="ibox-content">
                                        <ul class="todo-list m-t small-list">
                                            <li>
                                                <a href="" class="check-link"><i class="fa fa-cubes"></i> </a>
                                                <span class="m-l-xs">程序版本：1.0.0</span>

                                            </li>
                                            <li>
                                                <a href="" class="check-link"><i class="fa fa-user"></i> </a>
                                                <span class="m-l-xs">开发者：JUST计算机协会</span>

                                            </li>
                                            <li>
                                                <a href="" class="check-link"><i class="fa fa-send-o"></i> </a>
                                                <span class="m-l-xs">博客：<a href="https://blog.luckyye.com" target="_Blank">https://blog.luckyye.com</a></span>
                                            </li>
                                            <li>
                                                <a href="" class="check-link"><i class="fa fa-google"></i> </a>
                                                <span class="m-l-xs">邮箱：luckyyinni@gmail.com</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </div>
    </div>
</div>

@endsection
@section('js')

@endsection